<template>
  <div class="container flex column">
    <div class="header">header</div>
    <div class="flex1 flex">
      <div class="left-menu"></div>
      <div class="flex flex1"></div>
    </div>
  </div>
  
</template>
<script setup lang="ts"></script>
<style lang="scss" scoped>
.flex {
  display: flex;
}
.column {
  flex-direction: column;
}
.flex1 {
  flex: 1;
}
.container {
  height: 100vh;
  div {
    border: 1px solid #000;
  }
  .header {
    height: 60px;
  }
  .left-menu {
    width: 200px;
  }
}
</style>
